<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <?php require "../connection.php";

    ?>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css" />
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="font/css/font-awesome.min.css" />
    <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="Widget/Validform/5.3.2/Validform.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>

    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <script src="js/lrtk.js" type="text/javascript"></script>
    <title>管理员</title>
    <script>
        //查找所有
            function queryAll(){
                $.ajax({
                        url:"administrator/adminQueryAll.php",
                        type:"post",
                        data:"",
                        success:function(data){
                            console.log(data);
                            adminList = data;
                            var len = adminList.length;
                            var domlist = "";
                            for(let i=0;i<len;i++){
                                let value = adminList[i];
                                domlist+="<tr>";
                                domlist+= '<td><label><input type="checkbox" class="ace" data-index="'+value['id']+'"><span class="lbl"></span></label></td>';
                                domlist+= '<td>' +value["id"] + '</td>';
                                domlist+= '<td>' +value["username"] + '</td>';
                                domlist+= '<td>' +value["password"] + '</td>';
                                domlist+= '<td>'+ value["nickname"] + '</td>';
                                domlist+= '<td class="td-manage" >'+
                                          '<a title="编辑"  href="javascript:;"  class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120" data-index="'+value['id']+'" ></i></a>'+
                                          '<a title="删除" href="javascript:;"   class="btn btn-xs btn-warning" ><i class="fa fa-trash  bigger-120" data-index="'+value['id']+'"></i></a>'+
                                         '</td>';
                                domlist+= "</tr>";

                            }
                            $("#sample_table").find("tbody").eq(0).html(domlist);
                        },
                        datatype:"json",
                    });
            }
    </script>
</head>

<body>
    <div class="page-content clearfix">
        <div class="administrator">
            <div class="d_Confirm_Order_style">
                <div class="search_style">
                    <form>
                        <ul class="search_content clearfix">
                            <li><label >管理员名称</label><input name="text-add" type="text"  id="text-add" class="text_add"  style=" width:400px" /></li>
                            <li style="width:90px;"><button type="button" class="btn_search"><i class="fa fa-search"></i>查询</button></li>
                        </ul>
                    </form>
                </div>
                <!--操作-->
                <div class="border clearfix">
                    <span class="l_f">
                        <a href="#" id="administrator_add" class="btn btn-warning"><i class="fa fa-plus"></i> 添加管理员</a>
                        <a href="#" class="btn btn-danger"><i class="fa fa-trash"></i> 批量删除</a>
                    </span>
                    <span class="r_f">共：<b>5</b>人</span>
                </div>
                <!--管理员列表-->
                <script>


                </script>
                <div class="table_menu_list" id="testIframe">
                    <table class="table table-striped table-bordered table-hover" id="sample_table">
                        <thead>
                            <tr>
                                <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
                                <th width="80px">编号</th>
                                <th width="100px">用户名</th>
                                <th width="100px">密码</th>
                                <th width="150px">昵称</th>
                                <th width="200px">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <script>
                                 var adminList=null;
                                    queryAll();
                            </script>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--添加管理员-->
    <div id="add_administrator_style" class="add_menber" style="display:none">
        <form action="" method="post" id="form-admin-add">

            <div class="form-group">
                <label class="form-label"><span class="c-red">*</span>用户名：</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="" placeholder="" name="username" datatype="*2-16" nullmsg="用户名不能为空">
                </div>
                <div class="col-4"> <span class="Validform_checktip"></span></div>
            </div>
            <div class="form-group">
                <label class="form-label "><span class="c-red">*</span>密码：</label>
                <div class="formControls">
                    <input type="password" class="input-text" name="password">
                </div>
               <div class="col-4"> <span class="Validform_checktip"></span></div>
            </div>
            <div class="form-group">
                <label class="form-label"><span class="c-red">*</span>昵称：</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="" name="nickname" datatype="*2-16">
                </div>
                <div class="col-4"> <span class="Validform_checktip"></span></div>
            </div>
        </form>
    </div>
     <!--修改管理员-->
        <div id="edit_administrator_style" class="add_menber" style="display:none">
            <form action="" method="post" id="form-admin-edit">
                <div class="form-group">
                    <label class="form-label"><span class="c-red">*</span>用户名：</label>
                    <div class="formControls">
                        <input type="text" class="input-text" value=""    placeholder=""
                         name="username" datatype="*2-16" nullmsg="用户名不能为空">
                    </div>
                    <div class="col-4"> <span class="Validform_checktip"></span></div>
                </div>
                <div class="form-group">
                    <label class="form-label "><span class="c-red">*</span>密码：</label>
                    <div class="formControls">
                        <input type="password" class="input-text" name="password" value=""  >
                    </div>
                   <div class="col-4"> <span class="Validform_checktip"></span></div>
                </div>
                <div class="form-group">
                    <label class="form-label"><span class="c-red">*</span>昵称：</label>
                    <div class="formControls">
                        <input type="text" class="input-text" value="" name="nickname" datatype="*2-16"  value="">
                    </div>
                    <div class="col-4"> <span class="Validform_checktip"></span></div>
                </div>
            </form>
        </div>

    </div>




</body>

</html>
<script type="text/javascript">
    jQuery(function($) {
//         var oTable1 = $('#sample_table').dataTable({
//             "aaSorting": [
//                 [1, "desc"]
//             ], //默认第几个排序
//             "bStateSave": true, //状态保存
//             "aoColumnDefs": [
//                 //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
//                 {
//                     "orderable": false,
//                     "aTargets": [0, 2, 3, 4, 5, 7, 8, ]
//                 } // 制定列不参与排序
//             ]
//         });


        $('table th input:checkbox').on('click', function() {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function() {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });


        $('[data-rel="tooltip"]').tooltip({
            placement: tooltip_placement
        });

        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            return 'left';
        }
    });
</script>
<script type="text/javascript">
    $(function() {
        $("#administrator").fix({
            float: 'left',
            //minStatue : true,
            skin: 'green',
            durationTime: false,
            spacingw: 50, //设置隐藏时的距离
            spacingh: 270, //设置显示时间距
        });
    });
    //字数限制
    function checkLength(which) {
        var maxChars = 100; //
        if (which.value.length > maxChars) {
            layer.open({
                icon: 2,
                title: '提示框',
                content: '您输入的字数超过限制!',
            });
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0, maxChars);
            return false;
        } else {
            var curr = maxChars - which.value.length; //250 减去 当前输入的
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    };
    //初始化宽度、高度
    $(".widget-box").height($(window).height() - 215);
    $(".table_menu_list").width($(window).width() - 260);
    $(".table_menu_list").height($(window).height() - 215);
    //当文档窗口发生改变时 触发
    $(window).resize(function() {
        $(".widget-box").height($(window).height() - 215);
        $(".table_menu_list").width($(window).width() - 260);
        $(".table_menu_list").height($(window).height() - 215);
    })
//     laydate({
//         elem: '#start',
//         event: 'focus'
//     });

    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function(index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="fa fa-close bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!', {
                icon: 5,
                time: 1000
            });
        });
    }
    /*用户-启用*/
    function member_start(obj, id) {
        layer.confirm('确认要启用吗？', function(index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="fa fa-check  bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!', {
                icon: 6,
                time: 1000
            });
        });
    }
    /*产品-编辑*/
    function member_edit(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*产品-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function(index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {
                icon: 1,
                time: 1000
            });
        });
    }



    /*添加管理员*/
    $('#administrator_add').on('click', function() {
        layer.open({
            type: 1,
            title: '添加管理员',
            area: ['700px', ''],
            shadeClose: false,
            content: $('#add_administrator_style'),
            btn: ['提交', '取消'],
            yes:function(index, layero){
                var name = $("#form-admin-add").find(".input-text").eq(0).val();
                var psword = $("#form-admin-add").find(".input-text").eq(1).val();
                var nickname = $("#form-admin-add").find(".input-text").eq(2).val();
                $.ajax({
                    url:"administrator/adminInsert.php",
                    type:"post",
                    data:{
                        username:name,
                        password:psword,
                        nickname:nickname
                    },
                    success:function(data){
                        layer.open({
                            content: data.msg
                        });
                        queryAll();
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert(errorThrown);
                    },
                    dataType:"json",
                });

                layer.close(index);
            }

        });
    })

    //委托  第二个参数只接受a
    $('#testIframe').on('click','i.fa-edit',function(event){
        var id = $(event.target).eq(0).data("index");
        $.ajax({
            url:"administrator/adminSelQuery.php",
            type:"post",
            data:{
                id:id,
            },
            success:function(data){
                  console.log(data);
                  $("#form-admin-edit").find(".input-text").eq(0).val(data[0].username);
                  $("#form-admin-edit").find(".input-text").eq(1).val(data[0].password);
                  $("#form-admin-edit").find(".input-text").eq(2).val(data[0].nickname);
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                alert(errorThrown);
            },
            dataType:"json",
        });
        layer.open({
            type:1,
            title: '修改管理员',
            area: ['700px', ''],
            shadeClose: false,
            content: $('#edit_administrator_style'),
            btn: ['提交', '取消'],
            yes:function(index, layero){
            var name = $("#form-admin-edit").find(".input-text").eq(0).val();
            var psword = $("#form-admin-edit").find(".input-text").eq(1).val();
            var nickname = $("#form-admin-edit").find(".input-text").eq(2).val();
            $.ajax({
                url:"administrator/adminUpdate.php",
                type:"post",
                data:{
                    username:name,
                    password:psword,
                    nickname:nickname,
                    id:id
                },
                success:function(data){
                    layer.open({
                        content: data.msg
                    });
                    queryAll();
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    alert(errorThrown);
                },
                dataType:"json",
            });

            layer.close(index);
        }
        });
    });

    // 删除
    //委托  第二个参数只接受a
        $('#testIframe').on('click','i.fa-trash',function(event){
            var id = $(event.target).eq(0).data("index");
            layer.open({
                type:1,
                title: '确认要删除吗',
                area: ['300px', ''],
                shadeClose: false,
                //content: $('#edit_administrator_style'),
                btn: ['确认', '取消'],
                yes:function(index, layero){
                    $.ajax({
                        url:"administrator/adminDel.php",
                        type:"post",
                        data:{
                            id:id
                        },
                        success:function(data){
                            layer.open({
                                content: data.msg
                            });
                            queryAll();
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            alert(errorThrown);
                        },
                        dataType:"json",
                    });
                layer.close(index);
            }
            });
        });
       //批量删除
       $(".btn-danger").eq(0).on('click',function(){
            var checkboxs = $("tbody").find(".ace");
            var selectlist = [];
            var len = checkboxs.length;
            for(let i=0;i<len;i++){
                if(checkboxs[i].checked===true){
                    selectlist.push(checkboxs[i].dataset.index);
                }
            }
            console.log(checkboxs);
            console.log(selectlist);

            layer.open({
                title:"警告",
                content:"批量删除",
                btn:["确定","取消"],
                yes:function(index,layero){
                    $.ajax({
                        url:"administrator/adminMDel.php",
                        type:"post",
                        data:{
                            selectlist:selectlist
                         },
                         success:function(data){
                            layer.open({
                                content: data.msg
                            });
                            queryAll();
                         },
                         datatype:"json"
                    });
                }

            });

       });


      //查询 btn_search

     $(".search_content").eq(0).on('click','.btn_search',function(event){
        var text = $("#text-add").eq(0).val();
        if(text===""){
            layer.open({
                title:"查询管理员",
                content:"内容不能为空，请填写内容",
              });
        }else{
            $.ajax({
                url:"administrator/adminDimQuery.php",
                type:"post",
                data:{
                    content:text
                 },
                 dataType:"json",
                 success:function(data){
                    layer.open({
                        title:"查询管理员",
                        content:data.msg,
                      });

                      adminList = data.data;
                       var len = adminList.length;
                       var domlist = "";
                       for(let i=0;i<len;i++){
                              let value = adminList[i];
                              domlist+="<tr>";
                              domlist+= '<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>';
                              domlist+= '<td>' +value["id"] + '</td>';
                              domlist+= '<td>' +value["username"] + '</td>';
                              domlist+= '<td>' +value["password"] + '</td>';
                              domlist+= '<td>'+ value["nickname"] + '</td>';
                              domlist+= '<td class="td-manage" >'+
                                        '<a title="编辑"  href="javascript:;"  class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120" data-index="'+value['id']+'" ></i></a>'+
                                        '<a title="删除" href="javascript:;"   class="btn btn-xs btn-warning" ><i class="fa fa-trash  bigger-120" data-index="'+value['id']+'"></i></a>'+
                                       '</td>';
                              domlist+= "</tr>";

                       }
                       $("#sample_table").find("tbody").eq(0).html(domlist);
                  },
             });
           }
     });



    //表单验证提交
    $("#form-admin-add").Validform({

        tiptype: 2,

        callback: function(data) {
            //form[0].submit();
            if (data.status == 1) {
                layer.msg(data.info, {
                    icon: data.status,
                    time: 1000
                }, function() {
                    location.reload(); //刷新页面
                });
            } else {
                layer.msg(data.info, {
                    icon: data.status,
                    time: 3000
                });
            }
            var index = parent.$("#iframe").attr("src");
            parent.layer.close(index);
            //
        }


    });
</script>